<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/font-awesome/css/font-awesome.css}" rel="stylesheet">
    <link th:href="@{/css/animate.css}" rel="stylesheet">
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <link th:href="@{/css/mypage.css}" rel="stylesheet">
    <style type="text/css">
        .textAlign th {
            text-align: center;
        }

        .textAlign td {
            text-align: center;
        }

        * {
            padding: 0;
            margin: 0;
        }

        #pop {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .3);
            position: absolute;
            top: 0;
            z-index: 999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        /* */
        #popHeard {
            width: 360px;
            height: 45px;
            background: #1ab394;
            text-align: center;
            line-height: 45px;
            color: #FFF;
        }

        /* */
        #popCon {
            background: #FFF;
            width: 360px;
            height: 125px;
            padding: 20px 30px;
            box-sizing: border-box;
        }

        /* */
        #popCon #popSelect {
            width: 100%;
            height: 36px;
            outline: none;
            border-radius: 10px;
            background: #F9F9F9;
            border: 1px solid #E6E6E6;
            font-size: 15px;
            padding-left: 5px;
            box-sizing: border-box;
            background-repeat: no-repeat;
            background-position: 96%;
            color: #636363;
        }

        #popCon #popSelect:focus {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        /* selectblock */
        #popCon #popSelect:focus + #popOpt,
        #popCon #popOpt:active {
            display: block;
        }

        #popCon #popOpt {
            display: none;
            background: #F9F9F9;
            border: 1px solid #E6E6E6;
            border-top: none;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 5px;
            font-size: 14px;
            color: #636363;
        }

        #popCon #popOpt p + p {
            padding-top: 5px;
        }

        /* */
        #popFooter {
            background: #FFF;
            width: 360px;
            height: 65px;
            text-align: center;
            display: flex;
            justify-content: space-evenly;
        }

        #popFooter button {
            border: 0;
            width: 100px;
            height: 30px;
            font-size: 16px;
        }

        #popFooter #popN {
            border: 1px solid #1ab394;
            background: #1ab394;
            color: #FFF;
        }

        #popFooter #popY {
            border: 1px solid #1ab394;
            color: #FFF;
            background: #1ab394;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <!-- left -->
    <!--<nav class="navbar-default navbar-static-side" role="navigation">-->
    <!--<div class="sidebar-collapse">-->
    <!--<ul class="nav metismenu" id="side-menu">-->
    <!--<li class="nav-header">-->
    <!--<div class="dropdown profile-element" style="text-align: center;"> -->
    <!--<span>-->
    <!--<img alt="image" class="img-circle" th:src="@{/img/profile_small.jpg}" />-->
    <!--</span>-->
    <!--<a href="#">-->
    <!--<span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">admin</strong>-->
    <!--</span> </span> -->
    <!--</a>-->
    <!--</div>-->
    <!--</li>-->
    <!--<li>-->
    <!--<a href="/user/list"><i class="fa fa-user"></i> <span class="nav-label"> </a>-->
    <!--</li>-->
    <!--<li class="active">-->
    <!--<a href="#"><i class="fa fa-bars"></i> <span class="nav-label"> </a>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</nav>-->
    <div th:replace="left::left"></div>

    <div id="page-wrapper" class="gray-bg">
        <!-- head start -->
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation"
                 style="margin-bottom: 0">
                <div class="navbar-header nav-title">
                    <a class=" minimalize-styl-2 btn btn-primary "><i
                            class="fa fa-align-left"></i> </a>
                    <form role="search" class="navbar-form-custom"
                          action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder=" readonly="readonly"
                                   class="form-control" name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li><a href="/logout"> <i class="fa fa-sign-out"></i> 
                    </a></li>
                </ul>
            </nav>
        </div>
        <!-- Top Bar -->
        <div id="topBar">
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2 id="head"></h2>
                    <ol class="breadcrumb">
                        <li class="nav-main1"><a href="#"></a></li>
                        <li class="active"><strong id="navigation"></strong></li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5></h5>
                            <div class="form-group">
                                <select id="time" class="form-control">
                                    <option value="0"></option>
                                    <option value="1">3</option>
                                    <option value="2">7</option>
                                    <option value="3">15</option>
                                    <option value="4">30</option>
                                </select>
                            </div>
                            <!--<h5 class="text-muted pull-right"><a href="addProject">+
                        </div>
                        <div class="ibox-content">
                            <div class="row"></div>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr class="textAlign">
                                        <th style="width: 10%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 27%;"></th>
                                        <th style="width: 20%;"></th>
                                        <th style="width: 8%;"></th>
                                        <th style="width: 25%;"></th>
                                    </tr>
                                    </thead>
                                    <tbody id="projectlist">
                                    </tbody>
                                </table>
                            </div>
                            <div class="text-center" align="center">
                                <div class="box" id="box"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Mainly scripts -->
<script th:src="@{/js/jquery-2.1.1.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>

<!-- Custom and plugin javascript -->
<script th:src="@{/js/inspinia.js}"></script>
<script th:src="@{/js/plugins/pace/pace.min.js}"></script>
<script th:src="@{/js/mypage.js}"></script>
<script th:src="@{/js/slef/userloginlog.js}"></script>
<script th:inline="javascript" type="text/javascript">
    var ctxPath = /*[[@{/}]]*/'';
</script>
</body>
</html>
